//函数封装
(function(w) {
	console.log("会不会自动运行")
	//实例化参数
	var layer = layui.layer;
	var $ = layui.jquery;
	var element = layui.element;
	var util = layui.util
	//函数封装
	var pageMain = {
		//入口方法
		initMain: function() {
			//渲染元素
			pageInit.eleRender();
			//绑定tab事件
			pageEvent.tabEvent();
			//切换选项卡事件
			pageEvent.changeEvent();

		},
	}
	//页面初始化
	var pageInit = {
		//渲染元素
		eleRender: function() {
			element.render();
		}

	}
	//页面事件绑定
	var pageEvent = {
		//tab的事件监听：增加 删除 切换
		tabEvent: function() {
			//触发事件
			var active = {
				tabAdd: function() {
					//新增一个Tab项
					var ranNum = (Math.random() * 1000 | 0);
					element.tabAdd('main-tabs', {
						title: '新选项' + ranNum, //用于演示
						content: '内容' + ranNum,
						id: new Date().getTime() //实际使用一般是规定好的id，这里以时间戳模拟下
					})
				},
				tabDelete: function(othis) {
					//删除指定Tab项
					element.tabDelete('main-tabs', '44'); //删除：“商品管理”
					othis.addClass('layui-btn-disabled');
				},
				tabChange: function() {
					//切换到指定Tab项
					element.tabChange('main-tabs', '22'); //切换到：用户管理
				}
			};
			$('.main-tab-active').on('click', function() {
				var othis = $(this),
					type = othis.data('type');
				active[type] ? active[type].call(this, othis) : '';
			});
		},
		//tab2
		tabEvent2: function() {
			element.on('tab(main-tabs)', function(data) {
				P.tabsPage.index = data.index;
				console.log();
			});
		},
		//切换选项卡事件
		changeEvent: function() {

		},

	}
	//页面其他公共资源
	var pageTool = {

	}


	w.pagMain = pageMain;

})(window);

//入口，想但与jq的$.ready
layui.layer.ready(function() {
	//pagMain.initMain();
})
